<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<h1><title>South America</title></h1>
	
		<link href="styles/styles.css"
		rel="stylesheet"
		type="text/css"/>
		
		
		<script language="javascript" src="scripts/scripts1.js">
			
		 </script>
		
	</head>
	<body>
	<section>
	<h1>South America</h1>
	
	<div>
	<img src="images/samerica.jpg" 
		alt="This is the title slide" 
		title="This is the title slide"
		id="picture" />
	
	<img src="images/samericapix.jpg" 
		alt="This is the title slide" 
		title="This is the title slide"
		id="picture2" />	
		
	</div>
		
<p id="caption">This is South America.</p>
	</section>
		<nav>
		<div>
		<a href="javascript:showBrazil()"class="menulinks">Brazil</a>
		<a href="javascript:showPeru()"class="menulinks">Peru</a>
		<a href="javascript:showArgentina()"class="menulinks">Argentina</a>
		<a href="javascript:showEcuador()"class="menulinks">Ecuador</a>
		<a href="javascript:showColombia()"class="menulinks">Colombia</a>
		<a href="javascript:showCOUNTER()"class="menulinks">Finish</a>
		</div>
	</nav>
	
	<section>
	</br>
	</br>
	
	<h1>Instructions</h1>
<p>Click any of the buttons above to see pictures about that country or click <a href="page1.html">here</a> to learn more about all the the countries in South America.</p>
</section>	
	
	
	</body>
	
</html>